<style media="screen">
    .head-container{
      position: relative;
      padding: 10px 0 14px;
      border-bottom: 1px solid #E3E3E5;
    }
    .head-container .mes{
      overflow: hidden;
      margin-right: 10px;
      float: left;
    }
    .head-container .mes p{
      font-size: 12px;
      color:#CFCFCF;
      margin-bottom: 6px;
    }
    .head-container .mes input{
      width: 235px;
      height: 34px;
    }
    .head-container .flow{
      float: left;
      margin-right: 10px;
    }
    .head-container .flow p{
      font-size: 12px;
      color:#CFCFCF;
      margin-bottom: 6px;
    }
    .head-container .flow .flow-select{
      width: 140px;
      height: 34px;
    }
    .head-container .button-group{
      padding-top: 23px;
    }
</style>

<section class="pl-24 pr-24" class="projectGl" id="projectGl">
  <hl-page-header title="项目管理">
    <hl-button type="outline" @on-click="add" v-if="power.indexOf('c273') > -1">新建项目</hl-button>
  </hl-page-header>

  <div class="head-container clearfix">
    <div class="clearfix">
      <div class="mes">
        <p>信息搜索</p>
        <div class="global_search">
          <span class="icon-Gm-search"></span>
          <input
            autocomplete="off"
            type="text"
            class="global_ipt_text"
            placeholder="项目名称/联系人/联系电话/创建人"
						v-model="keyword"
           />
        </div>
      </div>
      <div class="flow">
        <p>对接人</p>
        <div class="pull-left line-height-34 relative">
            <input type="text" class="global_ipt_text" placeholder="全部" v-model="rperson.name" @input="onInputDJR" autocomplete="off" @keyup.enter="listDt">
            <ul class="append-temp absolute bg-fff border z-998 line-height-34" style="left:0; top:35px; max-height:200px; overflow-y:scroll; width: 100%; text-indent:0.8em;" v-if="rperson.list.length > 0">
                <li v-for="item in rperson.list" :key="item.id" class="clearfix" @click="setRperson(item.name, item.id)">
                    <span class="pull-left">{{item.name}}</span>
                    <span class="pull-right">{{item.phone}}</span>
                </li>
            </ul>
        </div>
      </div>
      <div class="flow" v-if="isExtenseFlag">
        <p>渠道分类</p>
				<hl-select :data="channelCateArr" v-model="channelCategoryCode" width="120" @on-change="selectedCC"></hl-select>
      </div>
      <div class="flow" v-if="isExtenseFlag">
        <p>渠道名称</p>
				<hl-select :data="channelNameArr" v-model="channelNameCode" width="120" @on-change="selectedCN"></hl-select>
      </div>
      <div class="button-group" v-show="!isExtenseFlag">
        <hl-button @on-click="listDt" size="mini">查询</hl-button>
        <hl-button @on-click="reset" size="mini">重置</hl-button>
      </div>
    </div>

    <div class="mt-10" v-if="isExtenseFlag">
      <div class="flow">
        <p>项目所在地</p>
        <div class="dy-flex">
					<div class="mr-10">
						<hl-select :data="provinceList" v-model="provinceId" width="120" @on-change="setProvince"></hl-select>
					</div>
					<div class="mr-10">
						<hl-select :data="cityList" v-model="cityId" width="120" @on-change="setCity"></hl-select>
					</div>
					<hl-select :data="areaList" v-model="areaId" width="120" @on-change="setArea"></hl-select>
        </div>
      </div>
      <div class="button-group">
        <hl-button @on-click="listDt" size="mini">查询</hl-button>
        <hl-button @on-click="reset" size="mini">重置</hl-button>
      </div>
    </div>

    <div class="global_open_sign" @click="openOffOn">
      <span v-if="!isExtenseFlag">更多筛选项</span>
      <span v-if="isExtenseFlag">收起筛选项</span>
    </div>
  </div>

  <div class="global_screening_container">
    <ul class="global_screening_list">
      <li
      v-for="item in listMenu"
      @click="selectStatus(item)"
      :class="{active: listMenuArrActive.indexOf(item.code) > -1 }">
        {{item.name}}({{item.num}})
      </li>
    </ul>
    <span class="global_refresh_icon icon-uniE94B"  @click="resetTab"></span>
  </div>



	<hl-list
	:menu-data="headArr"
	:data="listObj.expansionProjList"
	:config-type="configType"
	@on-click-sort="sortBySTTime"
	@on-click-type="selectTableType"
	@on-click-custom="confirmSubmitTable"
	v-slot:default="{opData, opIndex}"
	>
			<a @click="goTodetail(opData.id)">详情</a>
			<!-- <is-more>
				<a href="">详情</a>
				<a href="">分派</a>
				<a href="">退组</a>
				<a href="">变更</a>
				<a href="">收款</a>
			</is-more> -->
	</hl-list>

  <div class="user-page ptb-10 clearfix">
    <div class="pull-left user-page-num">
      <span class="font-14">共<i>{{ listObj.totalCount }}</i>条记录</span>
      <span>每页
        <hl-select :data="pageNums" v-model="limit" width="80" @on-change="turnPage"></hl-select>
      条</span>
    </div>
    <div class="pull-right">
      <ul class="page" id="page"></ul>
    </div>
  </div>

</section>

<script src="modules/market/scripts/project_management.js" charset="utf-8"></script>
